<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>Les bons comptes font les bons amis</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
	<div data-role="page">

		<div data-role="header" data-theme="b">
			<h1>Les bons comptes font les bons amis</h1>
			<a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
		</div><!-- /header -->

		<div data-role="content">
			<ul data-role="listview" data-inset="true" data-filter="true">
				<li><a href="page2.html">Vacances à Montpellier</a></li>
				<li><a href="#">Ski - Les Gets</a></li>
				<li><a href="#">Nouvel an</a></li>
				<li><a href="#">Thaïlande</a></li>
				<li><a href="#">Irlande</a></li>
			</ul>	
		</div><!-- /content -->
		
		<div data-role="footer" class="ui-bar" data-theme="b">
			<a href="new.html" data-role="button" data-icon="plus">New</a>
		</div><!-- /footer -->

	</div><!-- /page -->

</body>
</html>